<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="https://at.alicdn.com/t/font_1862838_y0e9a1ebxo.css">
</head>
<body>
    <div class="header">
    </div>
    <div class="title">
        <div class="center container">
            <div class="start">
                <i class="icon"></i>
                <span class="first">深圳</span>
                <span>切换</span>
            </div>
            <a href="#">首页</a>
            <a href="#">资讯</a>
            <a href="#">测评</a>
            <a href="#">商城</a>
            <div class="end">
                <span class="icon"></span>
                <span class="adm">个人中心</span>
            </div>
        </div>  
    </div><div>
        <ul class="nav">
            <span><span>首页 </span></span>
            <i>></i>
            <span><span>预防装修污染 </span></span>
            <i>></i>
            <span><span>材料库</span></li>
        </ul>
    </div>
    <div class="menu">
        <div class="tab">
            <p>
                <a href="#" style="color: #38bcc5;">类别</a>
                <a href="#">全部</a>
                <a href="#" class="tab-color">地板</a>
                <a href="#">涂料</a>
                <a href="#">墙纸</a>
                <a href="#">瓷砖</a>
                <a href="#">粘胶剂</a>
                <a href="#">油漆</a>
                <a href="#">家具</a>
                <a href="#">板材</a>
                <a href="#">饰品</a>
                <img src="images/indexSelect.png">
            </p>
            <p>
                <a href="#" style="color: #38bcc5;">类型</a>
                <a href="#">全部</a>
            </p>
            <p>
                <a href="#" style="color: #38bcc5;">材质</a>
                <a href="#">全部</a>
                <a href="#" class="tab-color">实木</a>
                <a href="#">复合</a>
                <a href="#">强化</a>
                <a href="#">其他</a>
            </p>
            <p>
                <a href="#" style="color: #38bcc5;">品牌</a>
                <a href="#">全部</a>
                <a href="#" class="tab-color">圣象</a>
                <a href="#">大自然</a>
                <a href="#">生活家</a>
                <a href="#">北美枫情</a>
                <a href="#">德尔</a>
                <a href="#">博典</a>
                <a href="#">船风</a>
            </p>
        </div>
        <div class="form">
            <span>发布时间</span>
            <img src="images/downicon.png">
            <span>价格</span>
            <img src="images/upicon.png">
            <span>环保节能</span>
            <img src="images/upicon.png">
            <div class="search">
            <input type="text" placeholder="搜索"/>
            <i class="iconfont icon-sousuo">搜索</i>
            </div>
            <span class="tip">了解家居医生建材环保评级标准</span>
            <img src="images/wenhao.png" class="Wenhao"">
        </div> 
    </div>


    <div class="content center">
        <div class="contentOne row">
            <div class="one">
                <div class="one_content center" style="color: #f60;">
                    <div class="images2"> <img src="images/data_image.png" alt=""/></div>
                    <p>德尔  都市系列3001</p>
                    <p>木地板-复合地板</p>
                    <p>单价：128元/m²</p>
                    <h2 class="text1" style="color: #f60;">环保评级：B（可以使用）</h2>
                </div>
            </div>
            <div class="one">
                <div class="one_content center">
                    <div class="images2"> <img src="images/data_image.png" alt=""/></div>
                    <p>德尔  都市系列3001</p>
                    <p>木地板-复合地板</p>
                    <p>单价：128元/m²</p>
                    <h2 class="text1">环保评级：B（可以使用）</h2>
                </div>
            </div>
            <div class="one">
                <div class="one_content center">
                    <div class="images2"> <img src="images/data_image.png" alt=""/></div>
                    <p>德尔  都市系列3001</p>
                    <p>木地板-复合地板</p>
                    <p>单价：128元/m²</p>
                    <h2 class="text1">环保评级：B（可以使用）</h2>
                </div>
            </div>
            <div class="two">
                <div class="one_content center">
                    <div class="images2"> <img src="images/data_image.png" alt=""/></div>
                    <p>德尔  都市系列3001</p>
                    <p>木地板-复合地板</p>
                    <p>单价：128元/m²</p>
                    <h2 class="text1">环保评级：B（可以使用）</h2>
                </div>
            </div>
        </div>
    </div>
    <div class="content center">
        <div class="contentOne row">
            <div class="one">
                <div class="one_content center">
                    <div class="images2"> <img src="images/data_image.png" alt=""/></div>
                    <p>德尔  都市系列3001</p>
                    <p>木地板-复合地板</p>
                    <p>单价：128元/m²</p>
                    <h2 class="text1">环保评级：B（可以使用）</h2>
                </div>
            </div>
            <div class="one">
                <div class="one_content center">
                    <div class="images2"> <img src="images/data_image.png" alt=""/></div>
                    <p>德尔  都市系列3001</p>
                    <p>木地板-复合地板</p>
                    <p>单价：128元/m²</p>
                    <h2 class="text1">环保评级：B（可以使用）</h2>
                </div>
            </div>
            <div class="one">
                <div class="one_content center">
                    <div class="images2"> <img src="images/data_image.png" alt=""/></div>
                    <p>德尔  都市系列3001</p>
                    <p>木地板-复合地板</p>
                    <p>单价：128元/m²</p>
                    <h2 class="text1">环保评级：B（可以使用）</h2>
                </div>
            </div>
            <div class="two">
                <div class="one_content center">
                    <div class="images2"> <img src="images/data_image.png" alt=""/></div>
                    <p>德尔  都市系列3001</p>
                    <p>木地板-复合地板</p>
                    <p>单价：128元/m²</p>
                    <h2 class="text1">环保评级：B（可以使用）</h2>
                </div>
            </div>
        </div>
    </div>

    <div class="p1">
        <a href="#" class="btn">上一页</a>
        <a href="#" class="none">1</a>
        <a href="#" class="underline">2</a>
        <a href="#" class="none">3</a>
        <a href="#" class="none">4</a>
        <a href="#" class="none">5</a>
        <a href="#" class="btn">下一页</a>    共有10页，去第<a href="#" class="none"><span class="page">&nbsp&nbsp&nbsp&nbsp</span>页</a>
        <a href="#" class="yes">确定</a> 
    </div>
    <div class="parent">
        <div class="child1"><img src="images/small_weixin.png"></div>
        <div class="child2">
            <p class="pd1">建材检测 需求反馈</p>
            <p><h5 class="h5">亲爱的用户，我们正在不断的完善和更新建材库，</h5></p>
            <p><h5>若没有找到您想要的建材信息，请将您想要测的建材告诉我们。</h5></p>
        </div>
    </div> 
    <span1>
        <div class="foot">
            <div class="f1">
                <img src="images/footerLogo.png">
                <h5 class="h5">为室内环境把好每一关</h5>
                <p>家居医生致力于中国人的家居健康问题，通过专业的技术研究</p>
                <p>和测评，倾力协助大众打造绿色、环保的人居生活环境</p>
            </div>
            <div class="f2">
                <p>关于我们</p>
                <p>联系我们</p>
                <p>加入我们</p>
            </div>
            <div class="f2">
                <p>版权说明</p>
                <p>用户隐私</p>
                <p>免费申明</p>
            </div>
            <div class="f3">
                <p><img src="images/weixin2.png">官方微信</p>
                <p><img src="images/tianmao.png">天猫旗舰店</p>
                <p><img src="images/shop.png">点赞商城</p>
            </div>
        </div>
        <hr class="A">
        <div class="bottom">
            <div class="bottom1">
                <p class="pd3">深圳建筑科学研究院股份有限公司     家居医生网</p>
            </div>
            <div class="bottom2">
                <p class="pd3">粤ICP备08011321号OCopyright Al Rights Reserved</p>
            </div>
        </div>
    </span1>
</body>
</html>